<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="robots" content="noarchive">
  <title class="f_title"></title>
  <link rel="stylesheet" href="./static/css/style.css?v=6">
  <link rel="stylesheet" href="./static/css/semantic.min.css">
  <link rel="stylesheet" href="./static/css/codemirror.min.css" />
  <link rel="stylesheet" href="./static/css/darcula.min.css" />
  <script src="./static/js/codemirror.min.js"></script>
  <script src="./static/js/haxe.min.js"></script>
  <script src="./static/js/jquery.min.js"></script>
  <script src="./static/js/semantic.min.js"></script>
  <script src="./static/js/marked.min.js"></script>
  <script src="./static/js/diff.min.js"></script>
  <script src="./static/js/coder.js?v=80"></script>
  <script src="./static/js/user.js?v=80"></script>
</head>

<body>
  <div class="ui borderless main menu margin-top-0">
    <div class="ui text container ai-textcontainer">
      <a href="/" class="header item" style="padding-left: 0px;">
        <img class="logo" src="./static/image/logo.png" style="margin-right: 5px;">
        <span class="f_title"></span>
      </a>
      <a href="#" class="ui right floated dropdown item">
        <span class="f_more_operations"></span> <i class="dropdown icon"></i>
        <div class="menu">
          <div class="item" onClick="changeLanguage()"><i class="exchange icon tiny"></i><span class="f_change_language"></span></div>
          <div class="item" onClick="openUrlNew('https://vvx03gck2p.feishu.cn/docx/KwnSdasq1oK3LMxfVBAcwhG2neQ')"><i class="question circle icon tiny"></i><span class="f_help"></span></div>
        </div>
      </a>
    </div>
  </div>

  <div class="ui container" style="width: 600px;">
    <div class="ui form">
      <div class="field">
        <label><span class="f_invitation_code"></span></label>
        <input type="text" id="login-invitation-code" placeholder="">
      </div>
      <div class="field">
        <label><span class="f_username"></span></label>
        <input type="text" id="login-username" placeholder="">
      </div>
      <div class="field">
        <label><span class="f_password"></span></label>
        <input type="password" id="login-password" placeholder="">
      </div>
      <div class="field">
        <label><span class="f_phone"></span></label>
        <div class="ui fluid action input">
          <input type="text" id="login-phone" placeholder="">
          <div class="ui button teal" onClick="send_launch_code(this, 'register')"><span class="f_get_launch_code"></span></div>
        </div>
      </div>
      <div class="field">
        <label><span class="f_launch_code"></span></label>
        <input type="text" id="login-launch_code" placeholder="">
      </div>
      <div class="field">
        <label><span class="f_email"></span></label>
        <input type="text" id="login-email" placeholder="">
      </div>
      <div class="field">
          <label id="login-message" style="color: red;"></label>
      </div>
      <div class="field">
        <div class="f_create_user_notice form-message"></div>
        <a class="ui right floated button" href="user_login.html"><i class="user icon"></i><span class="f_login"></span></a>        
        <button class="ui right floated button green" onClick="register()" type="submit"><i class="id card outline icon"></i><span class="f_register"></span></div></button>
      </div>
    </div>
  </div>

  <div class="ui modal" id="my-alert">
    <div class="header" id="my-alert-title"></div>
    <div class="content" id="my-alert-content">
    </div>
  </div>

  <div class="ui watermark">
    <span id="watermark-username"></span> @ <span class="f_title"></span></div>
  </div>
</body>
</html>
